<template>
  <div>
    <p style="width: 100%; text-align: center; font-weight: bold; font-size: 20px">售后维修单</p>
    <a-descriptions title="" size="small">
      <a-descriptions-item label="订单ID" > {{ info?.id }} </a-descriptions-item>
      <a-descriptions-item label="受理门店" > {{ info?.storeName }} </a-descriptions-item>
      <a-descriptions-item label="受理时间" > {{ info?.orderDate }} </a-descriptions-item>
    </a-descriptions>
    <a-divider />
    <a-descriptions title="" bordered size="small">
      <a-descriptions-item label="客户姓名" :span="2"> {{ info?.memName }} </a-descriptions-item>
      <a-descriptions-item label="联系电话" :span="2"> {{ info?.memPhone }} </a-descriptions-item>
      <a-descriptions-item label="机型" :span="2"> {{ info?.phoneType }} </a-descriptions-item>
      <a-descriptions-item label="串码" :span="2"> {{ info?.phoneCode }} </a-descriptions-item>
      <a-descriptions-item label="故障描述" :span="3"> {{ info?.errDesc }} </a-descriptions-item>
      <a-descriptions-item label="售后类型" :span="2"></a-descriptions-item>
      <a-descriptions-item label="留机配件" :span="2"> {{ info?.stoAcc }} </a-descriptions-item>
      <a-descriptions-item label="维修内容" :span="3">  </a-descriptions-item>
      <a-descriptions-item label="受理人" :span="2"> {{ info?.empName }} </a-descriptions-item>
      <a-descriptions-item label="维修保价" :span="2"> </a-descriptions-item>
      <a-descriptions-item label="取机时间" :span="2"> </a-descriptions-item>
      <a-descriptions-item label="客户签字" :span="2"> </a-descriptions-item>
    </a-descriptions>
    <a-divider />
    <span style="font-weight:bold">经本中心维修的手机，均贴有专用易碎标，请勿随意撕破，否则本中心有权拒绝保修。以下情况维修后不保修：①进水、进液手机；②摔伤严重的手机；③更换外壳的手机；④约定不保修的手机</span>
    <!-- <a-table 
        ref="table" 
        size="default" 
        rowKey="key"  
        :pagination="false" 
        :columns="columns" 
        :data-source="list">
        <span slot="serial" slot-scope="text, record, index">
          {{ index + 1 }}
        </span>
      </a-table> -->
  </div>
</template>
    
    <script>
export default {
  name: '',
  props: {
    list: {
      type: Array,
      default: () => null,
    },
    info: {
      type: Object,
      default: () => null,
    },
  },
}
</script>
  <style lang="less" scoped>
@page {
  size: auto;
  margin: 3mm;
}
html {
  background-color: #ffffff;
  margin: 0px;
}
body {
  border: solid 1px #ffffff;
}
</style>